<!-- <div class="field search" data-bind="if: hasMoreItems">
    <div class="control">
        <input id="search"
               type="text" 
               data-bind="attr: {placeholder: searchPlaceholder}, value: fulltextSearch, event: {change: onSearchChange}"/>
    </div>
</div>
 -->
 
<ol class="items" data-bind="foreach: getDisplayedItems()">
    <li class="item">
        <a data-bind="attr: {href:url}, visible: count >= 1">
            <input type="checkbox"
                   data-bind="checked: is_selected" 
                   onclick="this.parentNode.click();" />
            <span data-bind="html: label"></span>
            <span class="count" data-bind="text: count"></span>
        </a>
        
        <div data-bind="visible: count < 1">
            <span data-bind="html: label"></span>
            <span class="count" data-bind="text: count"></span>
        </div>
    </li>
</ol>

<div class="actions" data-bind="if: enableExpansion()">
    <div class="secondary" data-bind="">
        <a class="action show-more" data-bind="visible: displayShowMore(), event: {click: onShowMore}"><span data-bind="text: showMoreLabel"></span></a>
        <a class="action show-less" data-bind="visible: displayShowLess(), event: {click: onShowLess}"><span data-bind="text: showLessLabel"></span></a>
    </div>
</div>